<!DOCTYPE html>
<html lang="en">
<head>
    <!-- basic -->
    <meta charset="utf-8">

    <!-- site metas -->
    <title>register</title>

    <!-- bootstrap css -->
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <!-- style css -->
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <!-- Responsive-->


</head>
<body>
<!-- header section start-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="logo" href="index.html"><img src="static/picture/logo.png"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

</nav>


<div class="login_section">
    <div class="container">
        <div class="row">
            <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
                <div class="card card-signin my-5">
                    <div class="card-body">
                        <h5 class="card-title text-center">Enroll</h5>
                        <form class="form-signin">
                            <div class="form-label-group">
                                <input type="text" id="inputEmail" class="form-control" placeholder="User name"
                                       required autofocus>
                                <label for="inputEmail">User name</label>
                            </div>
                            <div class="form-label-group">
                                <input type="text" id="inputphone" class="form-control" placeholder="Phone"
                                       required autofocus>
                                <label for="inputphone">Phone</label>
                            </div>



                            <div class="form-label-group">
                                <input type="password" id="inputPassword" class="form-control" placeholder="Password"
                                       required>
                                <label for="inputPassword">Password</label>
                            </div>

                            <div class="form-label-group">
                                <input type="password" id="inputpassword2" class="form-control" placeholder="Password"
                                       required autofocus>
                                <label for="inputpassword2">Confirm Password</label>
                            </div>




                            <div class="custom-control custom-checkbox mb-3">
                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                <label class="custom-control-label" for="customCheck1">Remember password</label>
                            </div>
                            <button class="btn btn-lg btn-primary btn-block text-uppercase" type="submit">enroll
                            </button>
                            <hr class="my-4">

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


</body>


</html>